<!DOCTYPE HTML>
<html lang="zh-cn">
	<head>
			<title>看看别人的吐槽</title> 
			<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
			<meta name="viewport" content="width=device-width, initial-scale=1">

			<link rel="stylesheet" href="/static/css/jquery.mobile-1.0rc2.min.css" />
			<link rel="stylesheet" href="/static/css/kkcai.css" />
			<script type="text/javascript" src="/static/js/jquery-1.6.4.min.js"></script>
			<script type="text/javascript" src="/static/js/jquery.mobile-1.0rc2.min.js"></script>
			<script type="text/javascript" src="/static/js/deviceinfo.js"></script>
	</head>
	<body>
		<!-- Start of first page -->
		<div data-role="page" id="rate" data-add-back-btn="true" data-back-btn-text="返回">
			<script type="text/javascript" src="/static/js/rate.js"></script>
			<div data-role="header" data-theme="a" data-position="fixed">
				<h1 id="cpid" title="{{cpid}}">{{cpmc}}</h1>
			</div><!-- /header -->
			<div data-role="content">
				<div id="idContent">
					<input type="text" name="rateContent" id="id_text_rate" value="" />
				</div><!-- /idContent-->
				<div id="idAddBut">
					<a href="javascript:void(0);" id="addbut" data-role="button" data-icon="Plus" data-iconpos="notext" data-theme="b" data-inline="true">吐槽</a>
				<!-- <button class="ui-btn ui-btn-inline" id="addbut">吐槽</button> -->
				</div><!-- /idAddBut-->
				<div id="id_div_rate" data-theme="a">
					{% for rate in ratelist %}
						<span id="review">{{rate.0}}</span>
					{% endfor %}
				</div>
			</div><!-- /content-->
			<div data-role="footer" data-position="fixed">
				<h5>大家坐在一起吃饭</h5>
			</div><!-- /footer -->
		</div><!-- /page -->
	</body>
</html>